import React, { Component } from 'react'
// 如果用户在使用组件时，忘记传递自定义属性
// 未传递属性时，需要设定 默认属性
class Title extends Component {
  // 如果是类组件，通过如下方式设定默认值
  static defaultProps = {
    name: '1React'
  }
  render () {
    return (
      <h1>
        欢迎来到 { this.props.name } 的世界
      </h1>
    )
  }
}

const Content = (props) => {
  return (
    <p>
      { props.name } 核心库只关注于视图层
    </p>
  )
}
// 如果是函数式组件，默认值是如下设置的
Content.defaultProps = {
  name: '1react.js'
}

export default class App extends Component {
  render() {
    return (
      <div>
        <Title></Title>
        <Content></Content>
      </div>
    )
  }
}
